<%@ include file="../confHeader.jsp" %>
<%@ include file="../mensagens.jsp" %>
<html>
<head> </head>
<body>
 <html:form  action="orcamentoAction" method="POST" onsubmit="return true;">
 	<html:hidden property="idOrcamento" value="${to.idOrcamento}"/> 
   <div class='pageForm'>
      <div class='formTitle'>  			
  			<bean:message key="orcamento.entity"/>
      </div>        
        <div class='formField'>
            <label><bean:message key="orcamento.codigo"/></label>: &nbsp;
            ${el:write('to.idOrcamento',pageContext)}
        </div>   
        
        <div class='formField'>
            <label><bean:message key="orcamento.dtLevantamentoPreco"/></label>: &nbsp;
	             ${el:write('to.dtOrcamento',pageContext)}
        </div>    
        
         <div class='formField'>
            <label><bean:message key="orcamento.dtCadOrcamento" /> </label>: &nbsp;
	             ${el:write('to.dtCadOrcamento',pageContext)}
        </div>    
        
         <div class='formField'>
            <label><bean:message key="orcamento.vencedor"/></label>: &nbsp;     
                 ${el:write('to.vencedor',pageContext)}
        </div>
        
         <div class='formField'>
            <label><bean:message key="orcamento.observacao"/></label>: &nbsp; 
         	   ${el:write('to.observacao',pageContext)}
        </div>
          <div class='formField'>
            <label><bean:message key="fornecedor.entity"/></label>: &nbsp;
         	 ${el:write('to.fornecedor.nome',pageContext)}
        </div>
        <div class='formField'>
            <label><bean:message key="fornecedor.usuario.cadastro"/></label>: &nbsp;
         	 ${el:write('to.usuario.nome',pageContext)}
        </div>
        
        <div class='formField'>
            <label><bean:message key="orcamento.num.produtos.cadastrados"/></label>: &nbsp;          	 
	            	${el:write('to.numProdutosCadastrados',pageContext)}
        </div>  
         <div class='formField'>
            <label><bean:message key="orcamento.produto.subtotal"/></label>: &nbsp;          	 
	            	 <logic:notEqual name="to" property="subtotalProdutos" value="">
    		           	 <bean:message key="patterns.monetary.symbol" /> &nbsp;${el:write('to.subtotalProdutos',pageContext)}
	               	 </logic:notEqual>
        </div> 
        
		 <div class='formField'>
            <label><bean:message key="orcamento.frete"/></label>: &nbsp;          	 
            	 <logic:notEqual name="to" property="frete" value="">
               	 <bean:message key="patterns.monetary.symbol" /> &nbsp;${el:write('to.frete',pageContext)}
               	 </logic:notEqual>
        </div>  
         <div class='formField'>
            <label><bean:message key="orcamento.total"/></label>: &nbsp;          	 
	            	 <logic:notEqual name="to" property="total" value="">
    		           	 <bean:message key="patterns.monetary.symbol" /> &nbsp;${el:write('to.total',pageContext)}
	               	 </logic:notEqual>
        </div> 
      
       
        <hr size="1">
          <div class='formButton'>
            <a onclick="javascript:alterar();" class="linkButton">  <bean:message key="app.button.update"/></a>
         		&nbsp;
           	<a onclick="javascript:cadastrarProduto()" class="linkButton"> <bean:message key="orcamento.button.cad.produto"/></a>
      			&nbsp;
      		<a onclick="javascript:remover();" class="linkButton"><bean:message key="app.button.delete"/></a>
         		&nbsp;
           	<a onclick="javascript:popBack()" class="linkButton"><bean:message key="app.button.return"/></a>
         </div>   

      <br>
               
      <div class='listTitle'>  			
  			<bean:message key="orcamento.produtos.cadastrados.list.tile"/>
      </div>   
	
       <!--  Produtos Cadastrados -->
      <hr size="1"> 
     <div class='pageList'>
      <table cellspacing='0'>
          <tbody>
          ${el:defineSearchResultList('produtosList', 'to.searcher', 'produtosCadastrados',  'request', pageContext)}	                 
         <logic:present name="produtosList">
           <logic:empty name="produtosList">
				<bean:message key="app.list.empty"/>
           </logic:empty>
		   <logic:notEmpty name="produtosList"> 
				 <tr class='thead'>	
                          <td width="15%"><bean:message key="orcamento.produto.nome"/></td>
                         <td width="10%"><bean:message key="grupo.entity"/></td>
                         <td width="10%"><bean:message key="subgrupo.entity"/></td>                             
                         <td width="5%"><bean:message key="orcamento.produto.quantidade"/></td> 
                         <td width="10%"><bean:message key="orcamento.produto.preco"/></td>                            
                          <td colspan="2"><bean:message key="app.label.actions"/></td>
                    </tr>
			<logic:iterate name='produtosList'  id="bean"  indexId="index" >									
	            <html:hidden property="idProduto" value="${bean.id.especificacaoProdutoIdEspecProduto}" /> 	
				  <tr class="${(index%2!=0)? 'shade' : ''}" onmouseover="this.className='mouseOver';" onmouseout="this.className='${(index%2!=0)? 'shade' : ''}'" >
	                            <td width="10%">
	                       		 <a href="javascript:detalharProduto('${bean.id.especificacaoProdutoIdEspecProduto}');">${bean.id.especificacaoProdutoIdEspecProduto}- ${el:write('bean.especificacaoproduto.nome',pageContext)} </a>
	                          </td>	                  		
	                         <td width="10%">${el:write('bean.especificacaoproduto.subgrupo.nome',pageContext)}</td>
	                         <td width="10%">${el:write('bean.especificacaoproduto.subgrupo.pai.nome',pageContext)}</td>	
	                          <td width="5%">${el:write('bean.quantidade',pageContext)}</td>
	                         <td width="10%">
	                          <logic:notEqual name="bean" property="preco" value="">
				               	 <bean:message key="patterns.monetary.symbol" /> &nbsp;${el:write('bean.preco',pageContext)}
				              </logic:notEqual>
				                <td width="1%" align="center">
				                <span id="AtualizarProdutoLink${index}" > <html:img  
		                             	onclick="javascript:openPopUp('AtualizarProdutoPopUp${index}');"
		                             	 src='${contexto}/pages/images/carrinho.gif' titleKey="app.button.update" />
		                             	 </span>	                           
	                             
		                             <app:popup id="AtualizarProdutoPopUp${index}" parentID="AtualizarProdutoLink${index}" 
		                             		titulo="${el:write('bean.especificacaoproduto.nome',pageContext)}" width="200" height="150" >	                             
	               				             <div class='formField'>
										            <label><bean:message key="orcamento.produto.quantidade"/></label>    <br>         
										       		<html:text  property="quantidadeProduto" value="${el:write(bean.quantidade,pageContext)}" size="20" maxlength="20"  />
										      </div>
									         <div class='formField'>
									            <label><bean:message key="orcamento.produto.preco"/> - <bean:message key="patterns.monetary.symbol" /></label>    <br> 
 	                				             	<html:text  property="precoProduto" value="${el:write(bean.preco,pageContext)}" size="20" maxlength="20"  />
  	                				         </div>   
  	                				          <hr size="1">
									           <div class='formButton'> 
				    							     <a onclick="javascript:altualizarProduto('${index}');" class="linkButton">  <bean:message key="app.button.update"/></a>
									          </div>
		                             </app:popup>
	                             </td>
                              	 <td width="1%" align="center"><html:img onclick="javascript:removerProduto('${bean.id.especificacaoProdutoIdEspecProduto}');" src='${contexto}/pages/images/fechar_x.gif' titleKey="app.button.remove" /></td>                                  
	               </tr>
			</logic:iterate>
		   </logic:notEmpty>
		   </logic:present>
          </tbody>     
      </table>      
      </div>      
      
     
      <hr size="1">
            
    </div>
    </html:form>
   
      
<script type="text/javascript">
 // <!--
 
   Mascara.adiciona(document.OrcamentoForm.precoProduto,'<bean:message key="mask.double.positivo"/>');
    Mascara.adiciona(document.OrcamentoForm.quantidadeProduto,'<bean:message key="mask.double.positivo"/>');
   
  var action= '<html:rewrite page="/orcamentoAction.do"/>';
  var nForm =  'OrcamentoForm';

 function remover(){	 
	if(confirm('<bean:message key="app.prompt.confirm.delete"/>')){
	   executeForm(nForm, action, 'remover');
	}	 
 }
 
 function removerProduto(id){	 
	if(confirm('<bean:message key="app.prompt.confirm.delete"/>')){
	       var   idProduto = document.getElementsByName("idProduto");
    	  idProduto[0].value = id; 
		 executeForm(nForm, action, 'removerProdutosEmOrc');
	}
  }
  
  function altualizarProduto(index){
	  var   idProduto = document.getElementsByName("idProduto");
 	  var   precoProduto = document.getElementsByName("precoProduto");
  	  var   quantidadeProduto = document.getElementsByName("quantidadeProduto");  	  
  	 
 	  if(index >=0 && index < idProduto.length){    	 	
		     idProduto[0].value = idProduto[index].value; 
		     precoProduto[0].value = precoProduto[index].value; 
	         quantidadeProduto[0].value = quantidadeProduto[index].value; 
	          if(isZeroValue( quantidadeProduto[0].value) ){
				 alert('<bean:message key="errors.required" arg0="" />' + '<bean:message key="orcamento.produto.quantidade"  />');	
				 quantidadeProduto[index].focus();
				 return;
			 }
			 if(isZeroValue(precoProduto[0].value) ){
			 	 alert('<bean:message key="errors.required" arg0="" />' + '<bean:message key="orcamento.produto.preco" />');	
			 	 precoProduto[index].focus();
				 return;
			 }
 	 		 executeForm(nForm, action, 'atualizarProdutoEmOrc');
 	 }
  }
 
 function alterar(){	 
	 executeForm(nForm, action, 'goAltualizar');
 }
 
 function cadastrarProduto(){
 	 executeForm(nForm, action, 'goCadastrarProdutoEmOrc');
 }
 
 function detalharProduto(id){	 
	  var   idProduto = document.getElementsByName("idProduto");
      idProduto[0].value = id; 
	 executeForm(nForm, action, 'detalharProduto');
  }
 
  //-->
</script>
</body>
</html>
